/*
 * Misc: print
 * -----------
 */
@media print {
    //Add to elements that you do not want to show when printing
    .no-print {
        display: none !important;
    }

    //Elements that we want to hide when printing
    .main-sidebar,
    .left-side,
    .main-header,
    .content-header {
        &:extend(.no-print);
    }

    //This is the only element that should appear, so let's remove the margins
    .content-wrapper,
    .right-side,
    .main-footer {
        margin-left: 0 !important;
        min-height: 0 !important;
        .translate(0, 0) !important;
    }

    .fixed .content-wrapper,
    .fixed .right-side {
        padding-top: 0 !important;
    }

    //Invoice printing
    .invoice {
        width: 100%;
        border: 0;
        margin: 0;
        padding: 0;
    }

    .invoice-col {
        float: left;
        width: 33.3333333%;
    }

    //Make sure table content displays properly
    .table-responsive {
        overflow: auto;
        > .table tr th,
        > .table tr td {
            white-space: normal !important;
        }
    }
}
